body{
  background-color: #FFF;
  margin: 0;
}
body::-webkit-scrollbar{
  width: 0;
}

nav{
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  text-align: right;
  background-color:#11111114;
}

nav img{
  position: absolute;
  left: 04vw;
  top: 2vw;
  width: 14vw;

}

ul{
  margin: 0;
  padding-right: 6vw;
}

nav li{
  right: 0;
  display: inline-block;
}
nav li a{
  color: #fff;
    text-decoration: none;
    font-size: 1.3vw;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    /* font-family: ''; */
    /* font-style: italic; */
    display: block;
    padding: 2vw 2vw;
    transition: .5s;
}
nav li a:hover {
  background: #0000000d;
    color: #fff;
}

.face-a{
  position: absolute;
  top: 0;
  width: 100%;

  z-index: 0;
  text-align: right;
  background-color:red;
  }

  .face-a img{
   position: absolute;
   width: 100%;
   top: -3.8vw;
   left: 0;
   z-index: 0;
   }

   .face-a .gra{
    position: absolute;
    opacity: 0.7;
    background-image: linear-gradient(#490554, #1a0071);
    width: 100%;
    height: 62.9vw;
    top: 0;
    left: 0;
    z-index: 1;
    }

    .homehiro{
     position: absolute;
     top: 10vw;
     left: 4vw;
    }

    .homehiro h1{
      margin: 0;
      font-family: "Inter", sans-serif;
      color: #fff;
      font-weight: 400;
      font-size: 4vw;
      line-height: 5vw;
    }
    .homehiro p{
      margin: 0;
      font-family: "Inter", sans-serif;
      color: #fff;
      font-weight: 400;
      font-size: 3.8vw;
      line-height: 4.5vw;
    }

    .homehiro .per1{
     margin-top: 1vw;
     color: #fff;
     font-family: "Inter", sans-serif;
     font-size: 1.5vw;

    }
    .homehiro .per2{
     margin-top: 0.5vw;
     color: #fff;
     font-family: "Inter", sans-serif;
     font-size: 1.2vw;
     font-weight: 200;
     line-height: 1.6vw;

    }

    .homehiro .per4{
     margin-top: 1vw;
     color: #fff;
     font-family: "Inter", sans-serif;
     font-size: 1.2vw;
     font-weight: 200;
     line-height: 1.6vw;

    }

    .homehiro .per3{
     margin-top: 1.5vw;
     color: #fff;
     font-family: "Inter", sans-serif;
     font-size: 1.2vw;
     font-weight: 200;
     line-height: 1.6vw;
    }
     b{
      font-weight: 600;
    }

    .hirobutton{
      position: absolute;
     top: 38vw;
     right: 8vw;
     width: 10vw;
     height: 2.8vw;
     /* background-color: red; */
     border-radius: 2vw;
     border-style: solid;
     border-color: #fff;
     border-width: 0.1vw;


    }
    .hirobutton:hover {
      background-color:#0000005c;
      box-shadow: rgb(0 0 0 / 75%) 0px 7px 29px 0px;

    }

    .hirobutton a{

    text-decoration: none;
  }

   .hirobutton h1{
     font-family: "Inter", sans-serif;
     font-size: 1vw;
     font-weight: 200;
     color: #fff;
     margin: 0.8vw;
     text-align: center;
     line-height: 1.5vw;
  }

  .pag1{
    position: absolute;
   top: 50vw;
   width: 100%;
   height: 115vw;
   background-color: #ffffff;
   clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
   text-align:
  }

  .vli01{
    place-items : center;

  }
  .vli01 h1{
    position: absolute;
    top:10vw;
    margin: 0;
    font-family: "Inter", sans-serif;
    color: #22254e;
    font-weight: 700;
    font-size: 3.6vw;
    line-height: 5vw;
    text-align: center;
    line-height: 4vw;
    background: -webkit-linear-gradient(147deg, #ff8d00, #da0059);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
  }

  .perfo{
    position: absolute;
    top: 20vw;
    place-items : center;
  }

  .perfo .per1a{
   margin: 2.5vw;
   color: #22254e;
   font-family: "Inter", sans-serif;
   font-size: 1.8vw;
   font-weight: 200;
   line-height: 1.6vw;
   text-align: center;
  }
  .perfo .per2a{
   margin: 3vw;
   color: #22254e;
   font-family: "Inter", sans-serif;
   font-size: 1.8vw;
   font-weight: 200;
   line-height: 1.6vw;
   text-align: center;
  }
  .perfo .per3a{
   margin: 3vw;
   color: #22254e;
   font-family: "Inter", sans-serif;
   font-size: 1.8vw;
   font-weight: 200;
   line-height: 1.6vw;
   text-align: center;
  }
  .perfo .per4a{
   margin: 7vw;
   color: #22254e;
   font-family: "Inter", sans-serif;
   font-size: 2.5vw;
   font-weight: 200;
   line-height: 1.6vw;
   text-align: center;
  }

  .servi{
    position: absolute;
    top: 50vw;
    width: 100%;
  }
  .servi img{
    width: 6vw;
    /* margin: 3vw; */
    margin-left: 2vw;
  }
  .servi h1{
    margin-top:0.5vw;
    margin-left: 3vw;
    margin-bottom: 0.5vw;
    color: #22254e;
    background: -webkit-linear-gradient(147deg, #ff8d00, #da0059);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
    font-family: "Inter", sans-serif;
    font-size: 1.9vw;
    font-weight: 00;
    line-height: 2.4vw;
    }
  .servi p{
    margin-left: 3vw;
    margin-top: 0;
    color: #22254e;
    font-family: "Inter", sans-serif;
    font-size: 1.2vw;
    /* font-weight: 200; */
    line-height: 1.5vw;
  }

  .ser1{
   position: absolute;
   top: 0vw;
   left: 6vw;
  }

  .ser2{
   position: absolute;
   top: 5vw;
   left: 37vw;
  }

  .ser3{
   position: absolute;
   top: 8vw;
   right: 6vw;
  }

  .ser4{
   position: absolute;
   top: 28vw;
   left: 6vw;
  }

  .ser5{
   position: absolute;
   top: 33vw;
   left: 37vw;
  }

  .ser6{
   position: absolute;
   top: 36vw;
   right: 6vw;
  }


  .pag2{
   position: absolute;
   top: 162vw;
   width: 100%;
   height: 45vw;
   background-color: #e7edfb;
   clip-path: polygon(0 0, 100% 19%, 100% 100%, 0 84%);
   place-items : center;
   }

   .pag2 h1{
     margin-top: 13vw;
     font-family: "Inter", sans-serif;
     font-size: 3.5vw;
     text-align: center;
     line-height: 3.5vw;
   }
   .pag2 p{
    margin-top: 3vw;
    font-family: "Inter", sans-serif;
    font-size: 2vw;
    text-align: center;
    line-height: 2.8vw;
   }


   .pag3{
    position: absolute;
    top: 197vw;
    width: 100%;
    height: 53vw;
    background-color: red;
    clip-path: polygon(0 0, 100% 19%, 100% 100%, 0 84%);
    place-items : center;
    }

    .pag3 img{
      position: absolute;
      top: -6vw;
      width: 100%;
    }

  .pag3garp{
    position: absolute;
    width: 100%;
    height: 53vw;
    top: 0;
    background-image: linear-gradient(167deg, #a40440a3 43%, #b75f0091 75%);
    /*background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);*/
    clip-path: polygon(0 0, 100% 19%, 100% 100%, 0 84%);
    z-index: 0;
  }

  .pag3garp h1{
    margin-top: 23vw;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 5vw;
    text-align: center;
    line-height: 3.5vw;
    z-index: 5;
  }

  .pag4{
   position: absolute;
   top: 252vw;
   width: 100%;
   height: 53vw;
   /*background-color: red;*/
   /*clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 84%);*/
   }

   .comt img{

    width: 8vw;
   }
   .comt h1{
     margin-left: 0.8vw;
     margin-top: 1vw;
     margin-bottom: 0;
    font-family: "Inter", sans-serif;
    color: #22254e;
    line-height: 2vw;
    font-size: 2.5vw;
   }

   .comt p{
    margin-left: 0.8vw;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Inter", sans-serif;
    color: #22254e;
    font-size: 1.2vw;
   }

   .card-a{
     display: flex;
   }
   .card-a .cardl{
     position: absolute;
     top: 4vw;
     left: 9vw;
   }

   .card-a .cardr{

     position: absolute;
     left: 27vw;
     clip-path: polygon(10% 12%, 100% 0%, 100% 100%, 0 100%);
     background-image: linear-gradient(144deg, #490554de 43%, #1a0071c4 75%);
   }

   .cardr{


     width: 45vw;
     height: 20vw;

   }

   .cardr p{
     color: #fff;
    margin: 2vw;
    position: absolute;
    top: 4vw;
    left: 5vw;
    width: 35vw;
    height: 18vw;
    font-size: 1.4vw;
    font-weight: 800;
    line-height: 2vw;
   }

   .card-b{
     display: flex;
}

.card-b .cardl{
  position: absolute;
  top: 46vw;
  right: 10vw;
}

.card-b .cardr{
  position: absolute;
  top: 41vw;
  right: 22vw;
  clip-path: polygon(0% 0%, 88% 20%, 100% 100%, 0 100%);
  background-image: linear-gradient(144deg, #99073ede 43%, #b75f00f5 75%);
}

.card-b .cardr p{
  position: absolute;
  left: 1vw;
  top: 4.5vw;
  text-align: right;
}

.mindd{
  position: absolute;
  top: 26vw;
  width: 100%;
  place-items : center;
  text-align: center;
  }
.mindd img{
  width: 20vw;
}

.mindd h1{
 font-family: "Inter", sans-serif;
 background: -webkit-linear-gradient(147deg, #ff8d00, #da0059);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 line-height: 6vw;
 font-size: 4.3vw;

}

.pag5{
 position: absolute;
 top: 315vw;
 width: 100%;
 height: 66vw;
 background-color: #e7edfb;
 clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 100%);
 }

 .pag5 h1{
   margin-top: 20vw;
   font-family: "Inter", sans-serif;
   background: -webkit-linear-gradient(147deg, #002bff, #da0059);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
   line-height: 6vw;
   font-size: 4vw;
   text-align: center;
 }

 .pag5 p{
   margin-top: 2vw;
   font-family: "Inter", sans-serif;
   color: #22254e;
   line-height: 6vw;
   font-size: 2.2vw;
   text-align: center;
 }

 .paglist-a{

   position: absolute;
   top: 44vw;
   left: 20vw;
   text-align: left;
 }
 .paglist-a p{
   margin-top: 0.5vw;
   font-size: 1.35vw;
   text-align: left;
   line-height: 2vw;
   display: list-item;

 }

 .footi{
   position: absolute;
   top: 381vw;
   width: 100%;
   height: 45vw;
   background-image: linear-gradient(167deg, #50005f, #011b57);
   text-align: center;
   place-items : center;
 }
.footi img{
  margin: 4vw;
  width: 16vw;


}

.footi li a{
  color: #fff;
    text-decoration: none;
    font-size: 1.3vw;
    font-family: "Inter", sans-serif;
    font-weight: 200;
    /* font-family: ''; */
    /* font-style: italic; */

    padding: 2vw 2vw;
    transition: .5s;
    display: block;
}
.footi li {
  display: inline-block;
}
.footi ul{
  display: flex;
  padding-right: 3vw;
}

.soci{
  display: flex;
}

.soci IMG{
  width: 5VW;
  margin-left: 6vw;
  margin-right: 6vw;
  margin-bottom: 0;
  margin-top: 6vw;
}

.lin{
  position: absolute;
  top: 35vw;
  width: 90%;
  height: .1vw;
  background-color: #fff;

}

.footi p{
  position: absolute;
  top: 39vw;
 margin-left: 0.8vw;
 margin-top: 0;
 margin-bottom: 0;
 font-family: "Inter", sans-serif;
 color: #fff;
 font-size: 1.5vw;
 font-weight: 200;
}